
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="jpath" value="${pageContext.request.contextPath}" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
     <link rel="stylesheet" href="${jpath}/static/plugins/Frontend/css/xwzx.css" />
<title>新闻资讯</title>
<script type="text/javascript">
function loadNews(pageNum,id){
	$.post("${jpath}/frontend/manager/findPages",{pageNum:pageNum,pageSize:5,id:id},function(data){
		var jsonArr = $.parseJSON(data);
		var json=jsonArr.obj.results;
		var newsHtml="";
		for(var i=0;i<json.length;i++){
		newsHtml+='<div  class="tab-pane fade in active" style="background-color: #EFEFEF" id=""+id+"">';
		newsHtml+='<div class="row down-style" style="margin-top:5px;">';
		newsHtml+='<div class="col-xs-4 clear-pading">';
		newsHtml+='<img src="${jpath}/static/plugins/Frontend/img/hx.png"></div>';
		newsHtml+='<div class="col-xs-8 clear-pading">';
		newsHtml+=' <div class="down-font">'+json[i].bt+'</div> ';
		newsHtml+=' <div class="down-font1">'+json[i].xwnr+'</div>';
		newsHtml+='<div class="down-font2">'+json[i].fbsj+'</div></div>';
		newsHtml+='</div>';
		newsHtml+='</div>';
		}
		$("#myTabContent").append(newsHtml);
	});
}
$(function(){
 var hqa=$(".hq").find('a');

 var actionId= hqa.eq(0).attr("href");
 loadNews(1,actionId);
 	hqa.on('click',function(){
 	var id=$(this).attr("href");
 	$("#myTabContent").html("");
 	loadNews(1,id);
 	});
 
 	});
</script>
</head>
<body>

	<div class="container delet-padding" >
			<div class="row top-style" >
       <div class="col-xs-3">
          <img src="${jpath}/static/plugins/Frontend/picture/picture/jricon1/fh.png" class="dh-img" style="margin-left:1rem;"/>
      </div> 
      <div class="col-xs-6" style="text-align:center;line-height: 40px;font-weight: bold;color:#fff;">
          新闻资讯
      </div> 
        <div class="col-xs-3"></div> 
	</div>
	<div class=" top-style2">
     <ul id="myTab" class="nav nav-tabs hq">
     <c:forEach var="lm" items="${xwlm}" varStatus="lmStruts">
      <li   style="width: 80px;"> <a  href="${lm.id}" data-toggle="tab"
     <c:if test="${lmStruts.index==0}">
    	 class="active"
     </c:if>
         >${lm.lmmc}</a></li>
     </c:forEach>
  
      </ul>
	
	</div>

	<div class="top-div-margin" style="height: 16rem;width: 90%;margin: 0 auto;">
    <div style="margin-top: 1rem;">
            <div id="myCarousel" class="carousel slide">
  
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="${jpath}/static/plugins/Frontend/img/aee2315cf360421dac7041eb44b733c420171221082737.png" alt="First slide">
            <div class="carousel-caption">世界最年轻亿万富翁:重哈弗白手起家</div>
        </div>
        <div class="item">
            <img src="${jpath}/static/plugins/Frontend/img/aee2315cf360421dac7041eb44b733c420171221082737.png" alt="First slide">
            <div class="carousel-caption">世界最年轻亿万富翁:重川大白手起家</div>
        </div>
        <div class="item">
            <img src="${jpath}/static/plugins/Frontend/img/aee2315cf360421dac7041eb44b733c420171221082737.png" alt="First slide">
            <div class="carousel-caption">世界最年轻亿万富翁:重科大白手起家</div>
        </div>
        <div class="item">
            <img src="${jpath}/static/plugins/Frontend/img/aee2315cf360421dac7041eb44b733c420171221082737.png" alt="First slide">
            <div class="carousel-caption">世界最年轻亿万富翁:重家里蹲白手起家</div>
        </div>
    </div>
        <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
    </ol> 
  </div> 
 </div>
	</div>
	 <div id="myTabContent" class="tab-content">
 
	</div>
</div>


</body>
<html>